<template>
    <div>
        <div class="title">热门推荐</div>
        <ul class="menu">
            <li @click="menu1">风景1</li>
            <li @click="menu2">风景2</li>
        </ul>
    </div>
</template>
<style type="text/css">
    .title{
        width: 100;
        color: red;
    }
    .menu li{
        list-style: none;
        height: 50px;
        margin-bottom: 2px;
        background-color: white;
        cursor: pointer;
    }
</style>
<script type="text/javascript">
import Msg from '@/msg.js'
export default {
    methods:{
        menu1:function(){
            Msg.emit("val","1");
        },
         menu2:function(){
            Msg.emit("val","2");
        },
    }
}
</script>